<template>
    <div class="basicInfo">
        <div class="console-title console-title-border clearfix">
            <h5>基本资料</h5>
        </div>
        <div class="alert alert-info">请完善以下信息,方便我们更好的为您服务</div>
        <div class="basicInfo-bd">
           <div class="clearfix mt-1x">
               <div class="avatar fl">
                   <p>
                       <img src="https://aliyun_id_photo_bucket.oss.aliyuncs.com/default_handsome.jpg" alt="">
                   </p>
                   <p class="avatar-txt-margin">
                       <a href="#">修改头像</a>
                   </p>
               </div>
               <div class="summary">
                   <p>账号 {{vuex_user}}</p>
                   <p>账号ID</p>
                   <p>机构</p>
               </div>
           </div>
        </div>
    </div>
</template>

<script>
	import {getUserInfo,getUserDetail} from '../../api/user.js'
    export default {
        name: "profile",
		data() {
		  return {
			  userInfo:{},
		  };
		},
		watch: {},
		mounted() {
			this.getInfo()
		},
		methods: {
			getInfo(){
				getUserInfo().then(res=>{
					console.log(res)
				})
			},
		},
    }
</script>

<style scoped>
    .avatar img {
        margin-right: 28px;
        border-radius: 8px;
    }
    .avatar .avatar-txt-margin {
         width: 120px;
         text-align: center;
     }
</style>